<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>热词</title>
    <script src="../../components/echarts-4.0.4.min.js"></script>
    <style>
        body,html{
            padding: 0;
            margin: 0;
            background:#0A0F23;
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
    <div style="width: 100%;height: 100%;" id="turnover"></div>
</body>
<script>
    var turnover = echarts.init(document.getElementById('turnover'));
    var barOption = {
        title: {
            text: '2017年政策受理情况',
            left: 'center',
            top:'7%',
            textStyle: {
                color: '#fff',
                fontSize: 22
            }
        },
        color:[],
        legend: {
            show:false
        },
        tooltip: {
            trigger: 'none',
            axisPointer: {
              type: 'shadow',
            }
        },
        grid: {
            left: '5%',
            right: '10%',
            bottom: '10%',
            top:'25%',
            containLabel: true
        },
        xAxis: [
            {
                type: 'category',
                axisLine: {
                    lineStyle: {
                        color: '#fff'
                    }
                },
                axisTick: {
                    lineStyle: {
                        color: '#fff'
                    }
                },
                axisLabel: {
                    interval: 0,
                    rotate: 30,
                    textStyle: {
                        color: '#fff',fontSize:16
                    }
                },
                splitLine: {
                    show: false
                },
                data : ['科技投入','科技创新基地与平台','创造和保护知识产权','人才队伍','技术转移与成果转化','科技金融','税收优惠','政府采购','其他']
            }
        ],
        
	    yAxis : [
	        {
	            type : 'value',
	            axisLine: {
                    lineStyle: {
                        color: '#fff'
                    }
                },
                axisTick: {
                    lineStyle: {
                        color: '#fff'
                    }
                },
                axisLabel: {
                    interval: 0,
                    rotate: 30,
                    textStyle: {
                        color: '#fff',fontSize:16
                    }
                },
                splitLine: {
                    show: false
                },
	        }
	    ],
	    series : [
	        {
	            name:'服务项目总量',
	            type:'bar',
	            barWidth: '60%',
	            itemStyle: {
	                normal: {
	                    color: 'rgba(0,255,255,.5)',
	            		fontSize: 22
	                }
	            },
	            data:[244 , 88, 46, 34, 63, 40, 99, 6, 172]
	        }
	    ]
    }

    turnover.setOption(barOption);
</script>
</html>